
<div class="app-header">
	<div class="content-container clearfix">

		<div id="logo" class="logo">
			<a href="${siteurl}/index.htm">帮帮</a>
		</div>

		<form role="search" class="header-search-form" id="header_find_form"
			action="${siteurl}search.htm" method="get" data-component-bound="true">
			<div
				class="search-field-container with-suggestions-list flex-container-inline find-decorator">
				<div class="search-field flex-container-inline">
					<label class="label" for="find_desc">查找</label>
					<div class="flex-box input-holder">
						<input tabindex="1" aria-autocomplete="list" value=""
							placeholder="tacos, cheap dinner, Max’s" name="find_desc"
							maxlength="64" id="find_desc" autocomplete="off"
							data-component-bound="true">
					</div>
				</div>
				<div
					class="suggestions-list-container search-suggestions-list-container hidden"
					data-component-bound="true">
					<ul aria-label="Search results" role="listbox"
						class="suggestions-list"></ul>
				</div>
			</div>

			<div
				class="search-field-container with-suggestions-list flex-container-inline near-decorator">
				<div class="search-field flex-container-inline">
					<label class="label" for="dropperText_Mast">附近</label>
					<div class="flex-box input-holder">
						<input tabindex="2" aria-autocomplete="list" value="${city.name!'西安'}"
							placeholder="城市、街道"
							name="find_loc" maxlength="80" id="dropperText_Mast"
							autocomplete="off" data-component-bound="true"> <input
							type="hidden" value="1" name="ns">
					</div>

				</div>
				<div
					class="suggestions-list-container location-suggestions-list-container hidden"
					data-component-bound="true">
					<ul aria-label="Search results" role="listbox"
						class="suggestions-list"></ul>
				</div>
			</div>

			<div class="button-container">
				<button class="ybtn ybtn-primary header-button" value="submit"
					type="submit" title="Search" tabindex="3" id="header-search-submit">
					<span> <i class="i ig-common i-search-common"></i>
						<div class="spinner hidden">
							<div class="spinner-container container1">
								<div class="circle1"></div>
								<div class="circle2"></div>
								<div class="circle3"></div>
								<div class="circle4"></div>
							</div>
							<div class="spinner-container container2">
								<div class="circle1"></div>
								<div class="circle2"></div>
								<div class="circle3"></div>
								<div class="circle4"></div>
							</div>
							<div class="spinner-container container3">
								<div class="circle1"></div>
								<div class="circle2"></div>
								<div class="circle3"></div>
								<div class="circle4"></div>
							</div>
						</div>

					</span>
				</button>
			</div>
		</form>

		<div class="header-account webview-hidden">

			[@shiro.guest]
			<ul class="logged-out-nav">
				<li><a class="ybtn ybtn-primary header-button sign-up"
					id="header-sign-up" href="signup.htm">注册</a></li>
				<li class="text-centered"><a href="login.htm"
					class="header-nav-link log-in"> 登陆 </a></li>
			</ul>
			[/@shiro.guest] [@shiro.user]
			<div class="user-avatar clearfix drop-menu-origin"
				id="topbar-account-item">
				<a class="drop-menu-link inline-block clearfix header-button"
					id="topbar-account-link" href="javascript:;"> <img width="30"
					height="30"
					src="${siteurl}/assets/img/header.jpg"
					class="photo-box-img" alt="Ada G."> <i
					class="i ig-common i-dropdown-arrow-light-common"></i>
				</a>
				<div class="drop-menu drop-menu-has-arrow" id="topbar-account-wrap">
					<div class="drop-menu-arrow"></div>
					<div class="drop-menu-group">
						<div class="ypassport ypassport-notext media-block">
							<div class="media-avatar">
								<div data-hovercard-id="fzxBobtjX10RLNpKJjXEnA"
									class="photo-box pb-60s">
									<a href="${siteurl}/user_details.htm?userid=5sGuA5lmNI8wk5QMz3PrkQ"> <img
										width="60" height="60"
										src="${siteurl}/assets/img/header.jpg"
										class="photo-box-img" alt="Ada G.">

									</a>

								</div>



							</div>
							<div class="media-story">
								<ul class="user-passport-info">
									<li class="user-name"><a
										data-hovercard-id="fzxBobtjX10RLNpKJjXEnA"
										href="${siteurl}/user_details.htm?userid=5sGuA5lmNI8wk5QMz3PrkQ"
										class="user-display-name">${user.name!""}</a></li>
									<li class="user-location"><b>香港</b></li>
								</ul>

								<ul class="user-passport-stats">
									<li class="friend-count"><b
										class="i-wrap ig-wrap-common i-friends-orange-common-wrap"><i
											class="i ig-common i-friends-orange-common"></i> 2</b></li>
									<li class="review-count"><b
										class="i-wrap ig-wrap-common i-star-orange-common-wrap"><i
											class="i ig-common i-star-orange-common"></i> 0</b></li>

								</ul>

							</div>
						</div>

					</div>
					<ul class="drop-menu-group">
						<li class="drop-down-menu-link"><strong> <a
								href="${siteurl}/user_details.htm?userid=5sGuA5lmNI8wk5QMz3PrkQ"> <span
									class="i-wrap ig-wrap-common i-nav-aboutme-common-wrap"><i
										class="i ig-common i-nav-aboutme-common"></i> 关于我</span>

							</a>
						</strong></li>
						<li class="drop-down-menu-link"><strong> <a
								id="Zprofile" href="${siteurl}profile/profile.htm"> <span
									class="i-wrap ig-wrap-common i-nav-settings-common-wrap"><i
										class="i ig-common i-nav-settings-common"></i> 帐户设定</span>

							</a>
						</strong></li>
					</ul>
					<ul class="drop-menu-group">
						<li class="drop-down-menu-link"><a id="logout-link"
							href="${siteurl}logout.htm" class="no-js-hidden"> 登出 </a>

							<form name="logout-form" method="POST" id="logout-form"
								class="js-hidden hidden" action="https://zh.yelp.com.hk/logout">
								<input type="hidden"
									value="eb958209621e010d8b3a3285d4c5bb1b9da4fcc213fe04269c0f4a852fea236f"
									class="csrftok" name="csrftok"> <input type="submit"
									value="登出" class="strong_pseudolink">

							</form></li>
					</ul>
				</div>
			</div>
			[/@shiro.user]
		</div>

		<ul id="header-nav" class="header-nav pull-left">
			<li id="home-link" class="inline-block"><a
				href="${siteurl}index.htm" class="header-nav-link"> 主页 </a></li>
			<li id="about-me" class="inline-block"><a
				href="${siteurl}user/user_details.htm" class="header-nav-link">
					关于我 </a></li>
			<li id="write-review" class="inline-block"><a
				href="${siteurl}user/writeareview.htm" class="header-nav-link">
					写评语 </a></li>
			<li id="find-friends" class="inline-block"><a
				href="${siteurl}user/find_friends.htm" class="header-nav-link">
					找朋友 </a></li>
			<li id="messaging" class="inline-block"><a
				href="${siteurl}user/messages.htm" class="header-nav-link"> 消息 </a></li>
			<li id="talk" class="inline-block"><a href="${siteurl}talk.htm"
				class="header-nav-link"> 讨论 </a></li>
			<li id="events" class="inline-block"><a
				href="${siteurl}events.htm" class="header-nav-link"> 活动 </a></li>
		</ul>

	</div>
</div>